<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/LodopFuncs.js"></script>
    <script src="../js/jquery-3.4.1.js"></script>
    <style>
        table > tr > td {
            padding: 2px;
        }
    </style>
</head>
<body>
<div id="printTable">

    <div style='display: flex; align-items: center; justify-content: center; font-size: 13px; text-align-last:center;'>
        <div style='width: 764px;'>
            <div style='text-align: center; font-size: 1.5em;'><b>亳州市城乡居民医疗保险补偿结算单</b></div>
            <div>
                <div style='float: left;'>补偿机构: <span style='border-bottom: 1px solid black;'>高新区中清医院</span>(盖章)</div>
                <div style='float: right;'>补偿金额单位: 元</div>
            </div>
            <div style='margin-top: -21px;'>
                <table border='1' cellspacing='0' cellpadding='2' width='764'
                       style='table-layout:fixed; border-collapse:collapse;'>
                    <tr>
                        <td style='text-align: center;'>患者姓名</td>
                        <td>miss29</td>
                        <td style='text-align: center;'>性别</td>
                        <td>男</td>
                        <td style='text-align: center;'>年龄</td>
                        <td>35</td>
                        <td style='text-align: center;'>个人属性</td>
                        <td>居民</td>
                        <td colspan='2' style='text-align: center;'>联系电话</td>
                        <td colspan='2'>18035261513</td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>就医机构</td>
                        <td colspan='3'>高新区中清医院</td>
                        <td style='text-align: center;'>住院号</td>
                        <td colspan='2'>73320</td>
                        <td style='text-align: center;'>身份证</td>
                        <td colspan='4'>612729198605051131</td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>户主姓名</td>
                        <td></td>
                        <td colspan='2' style='text-align: center;'>家庭住址</td>
                        <td colspan='4'>重庆市市辖区渝中区</td>
                        <td colspan='2' style='text-align: center;'>医疗证(卡)号</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>转诊类型</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>是否建档贫困人口</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>补偿类型</td>
                        <td colspan='2'>特殊疾病住院</td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>入院日期</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>是否按病种补偿</td>
                        <td>否</td>
                        <td style='text-align: center;'>是否保底</td>
                        <td></td>
                        <td colspan='2' style='text-align: center;'>大病不合规费用</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>出院日期</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>单病种定额费用</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>城乡居民补偿额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>起付线</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>医院承担额</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>大病保险补偿额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>总费用</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>个人自付额</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>医疗救助额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>可报费用</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>材料超限自负</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>财政兜底额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>诊断</td>
                        <td colspan='3'></td>
                        <td colspan='2' style='text-align: center;'>治疗方式</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>其他补偿额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td colspan='3' style='text-align: center;'>个人实际补偿额(小写)</td>
                        <td colspan='2'></td>
                        <td style='text-align: center;'>(大写)</td>
                        <td colspan='2'></td>
                        <td colspan='2' style='text-align: center;'>180补偿金额</td>
                        <td colspan='2'></td>
                    </tr>
                    <tr>
                        <td style='text-align: center;'>开户行</td>
                        <td colspan='3'></td>
                        <td style='text-align: center;'>开户名</td>
                        <td colspan='2'></td>
                        <td style='text-align: center;'>开户账号</td>
                        <td colspan='4'></td>
                    </tr>
                </table>
                <div style='margin-top: 2px; font-size: 10px;'>注: 门诊就诊时"入院日期"即为就诊日期</div>
                <table cellspacing='0' cellpadding='3' width='764'
                       style='text-align: center; table-layout:fixed; word-wrap:break-word; border-collapse:collapse;'>
                    <tr>
                        <td>经办人(签字)</td>
                        <td style='border-bottom: 1px solid black;'></td>
                        <td>出纳员(签字)</td>
                        <td style='border-bottom: 1px solid black;'></td>
                        <td>结算日期</td>
                        <td style='border-bottom: 1px solid black;'></td>
                    </tr>
                    <tr>
                        <td>审核员(签字)</td>
                        <td style='border-bottom: 1px solid black;'></td>
                        <td>负责人(签字)</td>
                        <td style='border-bottom: 1px solid black;'></td>
                        <td>领款人(签字)</td>
                        <td style='border-bottom: 1px solid black;'></td>
                    </tr>
                </table>
            </div>
        </div>
        <div style='margin-left: 4px; font-size: 10px;'>第<br/>一<br/>联<br/>︵<br/>补<br/>偿<br/>机<br/>构<br/>留<br/>存<br/>︶
        </div>
    </div>

</div>
<button id="preView">预览</button>
<button id="preView2" onclick="preview2()">可以调整参数的预览</button>
<button id="print">打印</button>
<button id="print2">打印2份</button>
<button id="meanwhilePrint">打印2次</button>
<button id="preViewAndPrint">预览+打印</button>
<button id="print3">使内容在一张纸上重复打印3次</button>
</body>
<script type="text/javascript">

    var LODOP; //声明为全局变量
    var iRadioValue = 1;

    $('#preView').click(function () {
        preview();
    });
    $('#print').click(function () {
        print();
    });

    $('#print2').click(function () {
        print2();
    });

    $("#print3").click(function () {
        print3();
    });

    // 可以成功运行, 第一个print阻塞完成之后进行第二个打印
    $('#meanwhilePrint').click(function () {
        print();
        print();
    });

    // 控制先打印后预览可以成功, 但是先预览后打印不行
    $('#preViewAndPrint').click(function () {
        print();
        preview();
    });

    function print() {
        LODOP = getLodop();
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格");
        LODOP.SET_PRINT_PAGESIZE(1, "214mm", "92mm", "CreateCustomPage");
        // lodop打印html代码, 打印内容前面必不可少"<!DOCTYPE html>", 否则会打印出来的样式和浏览器中的样式不一致;
        LODOP.ADD_PRINT_HTM(0, 0, "214mm", "92mm", "<!DOCTYPE html>" + $('#printTable').html());
        LODOP.PRINT();
    }

    /**
     * 功能: 通过LODOP.SET_PRINT_COPIES(2)设置打印2份
     */
    function print2() {
        LODOP = getLodop();
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格");
        LODOP.SET_PRINT_PAGESIZE(1, "214mm", "92mm", "CreateCustomPage");
        // lodop打印html代码, 打印内容前面必不可少"<!DOCTYPE html>", 否则会打印出来的样式和浏览器中的样式不一致;
        LODOP.ADD_PRINT_HTM(0, 0, "214mm", "92mm", "<!DOCTYPE html>" + $('#printTable').html());
        LODOP.SET_PRINT_COPIES(2);
        LODOP.PRINT();
    }

    function preview() {
        LODOP = getLodop();
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格1");
        LODOP.SET_PRINT_PAGESIZE(1, "214mm", "92mm", "CreateCustomPage1");
        // lodop打印html代码, 打印内容前面必不可少"<!DOCTYPE html>", 否则会打印出来的样式和浏览器中的样式不一致;
        LODOP.ADD_PRINT_HTM(0, 0, "214mm", "92mm", "<!DOCTYPE html>" + $('#printTable').html());
        LODOP.PREVIEW();
    }

    function preview2() {
        LODOP = getLodop();
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格1");
        LODOP.SET_PRINT_PAGESIZE(1, "214mm", "92mm", "CreateCustomPage1");
        // lodop打印html代码, 打印内容前面必不可少"<!DOCTYPE html>", 否则会打印出来的样式和浏览器中的样式不一致;
        LODOP.SET_PRINT_MODE("RESELECT_PRINTER",true); // 允许重选打印机
        LODOP.SET_PRINT_MODE("RESELECT_ORIENT",true); // 允许重选纸张方向
        LODOP.SET_PRINT_MODE("RESELECT_PAGESIZE",true); // 允许重选纸张
        LODOP.SET_PRINT_MODE("RESELECT_COPIES",true); // 允许重选份数
        LODOP.ADD_PRINT_HTM(0, 0, "214mm", "92mm", "<!DOCTYPE html>" + $('#printTable').html());
        LODOP.PREVIEW();
    }

    function print3() {
        LODOP = getLodop();
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格");
        LODOP.SET_PRINT_PAGESIZE(0, 0, 0, "A4");
        // lodop打印html代码, 打印内容前面必不可少"<!DOCTYPE html>", 否则会打印出来的样式和浏览器中的样式不一致;
        // 宽度控制有效, 高度控制效果不明显
        LODOP.ADD_PRINT_HTM(0, 0, "214mm", "58mm", "<!DOCTYPE html>" + $('#printTable').html() + $('#printTable').html() + $('#printTable').html());
        LODOP.SET_PRINT_MODE("POS_BASEON_PAPER", true);
        LODOP.PREVIEW();
    }

</script>
</html>